import Vue from 'vue'
import Router from 'vue-router'
import Home from "../container/home"
import HostList from "../container/hotList"
import Mine from "../container/mine"
import Search from "../container/search"
import Singer from "../container/singer"
import More from "../container/more"
import More2 from "../container/more2"
import Play from "../container/play"

import Hot from "../container/musicContainer/hot"
import King from "../container/musicContainer/king"
import News from "../container/musicContainer/news"


Vue.use(Router)

export default new Router({
  linkActiveClass:"active",
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home,
      redirect:"/hot",
      children:[
         {
          path:"hot",
          component:Hot
         },
         {
          path:"king",
          component:King
         },
         {
          path:"news",
          component:News
         }
      ]
    },
    {
      path: '/singer',
      name: 'Singer',
      component: Singer
    },
    {
      path: '/hostlist',
      name: 'HostList',
      component: HostList
    },
    {
      path: '/mine',
      name: 'Mine',
      component: Mine
    },
    
    {
      path: '/search',
      name: 'Search',
      component: Search
    },
    {
      path:'/more',
      name:'More',
      component:More
    },
    {
      path:'/more2',
      name:"More2",
      component:More2
    },
    {
      path:"/play/:id",
      name:"Play",
      props:true,
      component:Play
    }
  ]
})
